view{box-sizing: border-box;overflow:visible}
text{box-sizing: border-box;}
input{box-sizing: border-box;}
image{box-sizing: border-box;}
picker{box-sizing: border-box;}
icon{box-sizing: border-box;}
label{box-sizing: border-box;}
textarea{box-sizing: border-box;}
video{box-sizing: border-box;}
scroll-view{box-sizing: border-box;}

page{font-size:28rpx;background:#f6f6f6}

button {padding-left: 0;padding-right: 0;background-color: transparent;font-size: 28rpx;border:0;border-radius: 0;overflow: visible;}
button::after {border: none;}
.button-view {text-align: left;font-size: 28rpx;line-height: 1.4;}
.button-view::after {width: 0;height: 0;}
.button-view-hover {background-color: transparent;}

.tabbarbot{bottom:110rpx !important}
@supports (bottom: env(safe-area-inset-bottom)){
	.tabbarbot{margin-bottom:env(safe-area-inset-bottom);}
}
@supports (bottom: env(safe-area-inset-bottom)){
	.notabbarbot{padding-bottom:env(safe-area-inset-bottom) !important;}
}
@supports (bottom: env(safe-area-inset-bottom)){
	.notabbarbot2{bottom:env(safe-area-inset-bottom) !important;}
}
.flex {display: flex;}
.flex1 {flex-grow: 1;flex-shrink: 1;}
.flex0 {flex-grow: 0;flex-shrink: 0;}
.flex-row {display: flex;flex-direction: row;}
.flex-col{display: flex;flex-direction: column;}
.flex-x-center{display: flex;justify-content: center;}
.flex-y-center{display: flex;align-items: center;}
.flex-y-bottom{display: flex;align-items: flex-end;}

.flex-bt{display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: box;display: flexbox;display: flex;flex-direction: row;justify-content: space-between;}
.flex-xy-center{display: flex;align-items: center;justify-content: center;}
.flex-x-bottom{display: flex;justify-content: flex-end;}
.flex-wp{display: -moz-box;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: box;display: flexbox;display: flex;flex-wrap: wrap;}

.popup__container{position: fixed;bottom: 0;left: 0;right: 0;width:100%;height:auto;z-index:10;background:#fff}
.popup__overlay{position: fixed;bottom: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 11;opacity:0.3;background:#000}
.popup__modal{width: 100%;position: absolute;bottom: 0;color: #3d4145;overflow-x: hidden;overflow-y: hidden;opacity:1;padding-bottom:20rpx;background: #fff;border-radius:20rpx 20rpx 0 0;z-index:12;min-height:600rpx;max-height:1000rpx;}
.popup__title{text-align: center;padding:30rpx;position:relative}
.popup__title-text{font-size:32rpx}
.popup__close{position:absolute;top:34rpx;right:34rpx}
.popup__content{width:100%;max-height:880rpx;overflow-y:scroll;padding:20rpx 0;}

.wxfaceimg{width:50rpx;height:50rpx}
.copyright{width:100%;line-height:40rpx;color:#C9C9C9;font-size:26rpx;text-align:center;white-space:pre;padding:30rpx 0}



.give-coupon { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2000; background-color: rgba(0, 0, 0, 0.5); }
.give-coupon .coupon-block { margin-top: -140rpx; position: relative; }
.give-coupon .coupon-info { width: 559rpx; border-radius: 0 0 30rpx 30rpx; background-color: #fff; margin-top: -20rpx; padding: 20rpx 0 20rpx 0; }
.give-coupon .coupon-one { width: 100%; height: 164rpx; margin-bottom: 10rpx; }
.give-coupon .coupon-bg { width: 514rpx; height: 164rpx; border-radius: 10rpx; box-shadow: 2rpx 2rpx 30rpx #ddd; padding: 14rpx; }
.give-coupon .coupon-bg-1 { width: 100%; height: 100%; border: 2rpx #ff4544 dashed; border-radius: 10rpx; padding: 0 20rpx; }
.give-coupon .coupon-del { position: absolute; right: 34rpx; top: 224rpx; width: 90rpx; height: 90rpx; }
.give-coupon .coupon-del image{ width: 30rpx; height: 30rpx; }
.give-coupon .coupon-text { color: #707070; margin-top: 24rpx; margin-bottom: 34rpx; font-size: 9pt; }
.give-coupon .coupon-text::before { content: ' '; margin-right: 32rpx; width: 50rpx; height: 1rpx; background-color: #707070; overflow: hidden; margin-top: 21rpx; }
.give-coupon .coupon-text::after { content: ' '; margin-left: 32rpx; width: 50rpx; height: 1rpx; background-color: #707070; overflow: hidden; margin-top: 21rpx; }
.give-coupon .coupon-btn { position: relative;margin:0 auto;width:340rpx;height:70rpx;line-height:70rpx;background:linear-gradient(90deg,#F9475F,#EF155B);color:#fff;border-radius:40rpx;margin-top:20rpx}
.give-coupon .coupon-btn image { width: 374rpx; height: 96rpx; }
.give-coupon .coupon-get{ margin-top: 4rpx; margin-bottom: 20rpx; color: #ff4544; font-size: 13pt; }

.give-coupon .coupon-coupon{width:100%;display:flex;padding:0 20rpx;margin:10rpx 0;position: relative;}
.give-coupon .coupon-coupon .pt_img1{background:url();background-size: 147%;height:140rpx;border-bottom-left-radius:16rpx;border-top-left-radius:16rpx;width:4%}
.give-coupon .coupon-coupon .pt_img2{background:url();background-size: 147%;height:140rpx;border-bottom-left-radius:16rpx;border-top-left-radius:16rpx;width:4%}
.give-coupon .coupon-coupon .pt_left{background: #73af60;height:140rpx;color: #FFF;padding-bottom:20rpx;padding-right:10rpx;width:30%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.give-coupon .coupon-coupon .pt_left.bg2{background:#6fc5fa}
.give-coupon .coupon-coupon .pt_left .f1{font-size:34rpx;text-align:center}
.give-coupon .coupon-coupon .pt_left .t0{padding-right:10rpx;}
.give-coupon .coupon-coupon .pt_left .t1{font-size:46rpx;}
.give-coupon .coupon-coupon .pt_left .t2{padding-left:10rpx}
.give-coupon .coupon-coupon .pt_left .f2{font-size:24rpx;text-align:center;overflow:hidden}
.give-coupon .coupon-coupon .pt_right{background: #fff;width:66%;display:flex;height:140rpx;text-align: left;padding:20rpx 30rpx;border-top-right-radius:16rpx;border-bottom-right-radius:16rpx;position:relative}
.give-coupon .coupon-coupon .pt_right .f1{flex-grow: 1;flex-shrink: 1;}
.give-coupon .coupon-coupon .pt_right .f1 .t1{font-size:36rpx;color:#2c3e50;height:40rpx;line-height: 40rpx;overflow: hidden;}
.give-coupon .coupon-coupon .pt_right .f1 .t2{height:60rpx;line-height:60rpx;font-size:24rpx;color:#727272;}
.give-coupon .coupon-coupon .pt_right .f1 .t2_1{height:40rpx;line-height:40rpx}
.give-coupon .coupon-coupon .pt_right .f1 .t3{font-size:24rpx;color:#2c3e50}
.give-coupon .coupon-coupon .pt_right .f1 .t4{font-size:24rpx;color:#555555}
.give-coupon .coupon-coupon .pt_right .btn{position:absolute;right:30rpx;top:50%;margin-top:-25rpx;border-radius:25rpx;width:140rpx;height:50rpx;line-height:50rpx;background:#07c160;color:#fff;}
.give-coupon .coupon_num{position:absolute;top:50rpx;right:30rpx;font-size:30rpx}

.sharetypecontent{ height:250rpx;width:710rpx;margin:20rpx;display:flex;padding:50rpx;align-items:flex-end}
.sharetypecontent .f1{ color:#51c332;width:50%;height:150rpx;display:flex;flex-direction:column;align-items:center;background:#fff;font-size:28rpx;border:0}
.sharetypecontent button::after{border:0}
.sharetypecontent .f1 .img{width:90rpx;height:90rpx}
.sharetypecontent .f2{ color:#51c332;width:50%;display:flex;flex-direction:column;align-items:center}
.sharetypecontent .f2 .img{width:90rpx;height:90rpx}
.sharetypecontent .t1{height:60rpx;line-height:60rpx;color:#666}

.posterDialog{ position:fixed;z-index:9;width:100%;height:100%;background:rgba(0,0,0,0.8);top:var(--window-top);left:0}
.posterDialog .main{ width:80%;margin:60rpx 10% 30rpx 10%;background:#fff;position:relative;border-radius:20rpx}
.posterDialog .close{ position:absolute;padding:20rpx;top:0;right:0}
.posterDialog .close .img{ width:32rpx;height:32rpx;}
.posterDialog .content{ width:100%;padding:70rpx 20rpx 30rpx 20rpx;color:#333;font-size:30rpx;text-align:center}
.posterDialog .content .img{width:540rpx;height:960rpx}

.linkDialog {background:rgba(0,0,0,0.4);z-index:11;}
.linkDialog .main{ width: 90%; position: fixed; top: 50%; left: 50%; margin: 0;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.linkDialog .title {font-weight: bold;margin-bottom: 30rpx;}
.linkDialog .row {display: flex; height:80rpx;line-height: 80rpx; padding: 0 16rpx;}
.linkDialog .row .f1 {width: 40%; text-align: left;}
.linkDialog .row .f2 {width: 60%; height:80rpx;line-height: 80rpx;text-align: right;align-items:center;}
.linkDialog .image{width: 28rpx; height: 28rpx; margin-left: 8rpx;margin-top: 2rpx;}
.linkDialog .copyicon {width: 28rpx; height: 28rpx; margin-left: 8rpx; position: relative; top: 4rpx;}